<template>
  <div class="user-tourist">
    <div class="top_nav">
      <img class="logo_left" src="../../../assets/img/modules/media/icon_13_gk.png" alt="">
    </div>
    <img src="../../../assets/img/modules/psersonal/isNoLogin.png" alt="" @click="$router.go(-1)">
  </div>
</template>
<script>
export default {
  name: 'user',
  components: {},
  data () {
    return {
    }
  },
  props: {},
  watch: {},
  methods: {
    /*
     *@author wf_Huang
     *@Time 2019/8/14 0014 19:33
     *@function  打开专业报读
     *****************************************/
    openUrl () {
      window.location.href = 'https://m.oucgz.cn/web/professionalListNew?gsign=' + this.$route.query.gsign + '&from=singlemessage'
    },
    /*
     *@author wf_Huang
     *@Time 2019/8/14 0014 19:35
     *@function  打开自媒体
     *****************************************/
    openUrlZmt () {
      this.$router.push({ path: '/media-find',
        query: { device: this.$route.query.device,
          gsign: this.$route.query.gsign,
          uniacid: this.$route.query.uniacid,
          logoUrl: this.$route.query.logoUrl,
          shareId: 2,
          articleId: 2 } })
    }
  },
  computed: {},
  created () {
  },
  mounted () {
    document.querySelector('body').setAttribute('style', 'background-color:#F6F6F6')
  },
  destroyed () {
    document.querySelector('body').removeAttribute('style')
  }
}
</script>
<style lang="scss" scoped>
  html,body{
    height: 100%;
  }
  .user-tourist {
    .top_nav{
      height: 90px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding:  0 32px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      .logo_left{
        width: 181px;
        height: 54px;
        margin: 0;
      }
      .nav_list{
        display: flex;
        .nav_item{
          font-size: 28px;
          color: #999999;
          position: relative;
          padding: 0 15px;
        }
        .active{
          color: #027FFE;
          &:after{
            content: '';
            width: 24px;
            border-radius: 5px;
            height: 8px;
            background-color: #027FFE;
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translate(-50%, -50%);
          }
        }
      }
      .btn_right{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        a{
          height: 100%;
          display: flex;
          padding: 0 10px;
          position: relative;
          img{
            width: 36px;
            height: 34px;
          }
          .active{
            width: 18px;
            height: 18px;
            position: absolute;
            right: 5px;
            top: 1px;
          }
        }
      }
    }
    a{
      display: block;
    }
    img{
      width: 726px;
      height: auto;
      display: block;
      margin: 30px auto;
    }
  }
</style>
